<article class="bg-white rounded-lg qq-shadow p-5 hover-scale fade-in">
  <div class="flex items-start mb-3">
    <img src="../assets/images/avatar.jpg" alt="用户头像" class="w-8 h-8 rounded-full">
    <div class="ml-2">
      <h3 class="font-medium">张小华</h3>
      <p class="text-xs text-gray-500">{{date}}</p>
    </div>
  </div>
  
  <h4 class="text-lg font-bold mb-3">{{title}}</h4>
  
  <div class="mb-4">
    <p class="text-gray-700 mb-3">{{content1}}</p>
    <p class="text-gray-700">{{content2}}</p>
  </div>
  
  {{#if hasMultipleImages}}
  <div class="grid grid-cols-3 gap-2 mb-4">
    <img src="{{img1}}" alt="日志图片1" class="rounded">
    <img src="{{img2}}" alt="日志图片2" class="rounded">
    <img src="{{img3}}" alt="日志图片3" class="rounded">
  </div>
  {{else}}
  <div class="mb-4">
    <img src="{{img1}}" alt="日志图片" class="rounded w-full">
  </div>
  {{/if}}
  
  <div class="flex justify-between text-sm text-gray-500 pt-2 border-t border-gray-100">
    <button class="flex items-center hover:text-primary transition-colors">
      <i class="fa fa-thumbs-o-up mr-1"></i>
      <span>{{likes}}</span>
    </button>
    <button class="flex items-center hover:text-primary transition-colors">
      <i class="fa fa-comment-o mr-1"></i>
      <span>{{comments}}</span>
    </button>
    <button class="flex items-center hover:text-primary transition-colors">
      <i class="fa fa-share mr-1"></i>
      <span>分享</span>
    </button>
  </div>
</article>